<template>
  <!-- 页脚 -->
  <div id="footer">
    <div class="ft-content" style="width:1105px;">
      <div class="ft-info clearfix">
        <dl class="ft-info-col ft-info-intro">
          <dt>蜂寻旅游网</dt>
          <dd>中国年轻一代用得更多的旅游网站</dd>
          <dd>上亿旅行者共同打造的<strong>"旅行神器"</strong></dd>
          <dd><strong>60,000</strong> 多个全球旅游目的地</dd>
          <dd><strong>600,000</strong> 个细分目的地新玩法</dd>
          <dd><strong>760,000,000</strong> 次攻略下载</dd>
          <dd><strong>38,000</strong> 家旅游产品供应商</dd>
        </dl>
        <dl class="ft-info-col ft-info-about">
          <dt>关于我们</dt>
          <dd>
            <a href="#">关于蜂寻</a><a href="#" class="m_l_10">联系我们</a>
          </dd>
          <dd>
            <a href="#">隐私政策</a><a href="#" class="m_l_10">商标声明</a>
          </dd>
          <dd><a href="#">服务协议</a></dd>
          <dd><a href="#">商城平台服务协议</a></dd>
          <dd><a href="#">网络信息侵权通知指引</a></dd>
          <dd style="white-space: nowrap;">
            <a href="#">蜂寻旅游网服务监督员</a>
          </dd>
          <dd>
            <a href="#">网站地图</a
            ><a class="joinus highlight m_l_10" title="蜂寻团队招聘" href="#"
              >加入蜂寻</a
            >
          </dd>
        </dl>
        <dl class="ft-info-col ft-info-service">
          <dt style="margin-left: -15px">旅行服务</dt>
          <dd>
            <ul class="clearfix">
              <li>
                <a href="#">旅游攻略</a>
              </li>
              <li>
                <a href="#">酒店预订</a>
              </li>
              <li>
                <a href="#">旅游特价</a>
              </li>
              <li>
                <a href="#">国际租车</a>
              </li>
              <li>
                <a href="#">旅游问答</a>
              </li>
              <li>
                <a href="#">旅游保险</a>
              </li>
              <li>
                <a href="#">旅游指南</a>
              </li>
              <li>
                <a href="#">订火车票</a>
              </li>
              <li>
                <a href="#">旅游资讯</a>
              </li>
              <li>
                <a href="#">APP下载</a>
              </li>
              <li style="width: 150px;text-align: left">
                <a href="#" class="highlight">旅行商城全球商家入驻</a>
              </li>
            </ul>
          </dd>
        </dl>
        <dl class="ft-info-col ft-info-qrcode">
          <dd>
            <span class="ft-qrcode-tejia"></span>
            <p>蜂寻良品<br />官方服务号</p>
          </dd>
          <dd>
            <span class="ft-qrcode-weixin"></span>
            <p>蜂寻旅游<br />订阅号</p>
          </dd>
          <dd>
            <span class="ft-qrcode-weixin"></span>
            <p>蜂寻APP<br />扫描立即下载</p>
          </dd>
        </dl>
        <dl class="ft-info-social">
          <dt style="margin-left: 15px;font-weight: 500;font-size: 17px">旅游之前，先上蜂寻！</dt>
          <dd>
            <a class="ft-social-weibo" href="#">
              <i class="ft-social-icon"></i>
            </a>
            <a class="ft-social-qqt" href="#">
              <i class="ft-social-icon"></i>
            </a>
            <a class="ft-social-qzone" href="#">
              <i class="ft-social-icon"></i>
            </a>
          </dd>
        </dl>
        <div class="ft-links">
          <a href="#">马可波罗</a><a href="#">Onlylady女人志</a
          ><a href="#">艺龙旅游指南</a><a href="#">欣欣旅游网</a
          ><a href="#">户外运动</a><a href="#">365音乐网</a
          ><a href="#">爱问共享资料</a><a href="#">旅游网</a
          ><a href="#">小说网</a><a href="#">学习啦</a
          ><a href="#">游多多自助游</a><a href="#">问答</a
          ><a href="#">火车时刻表</a><a href="#">驴妈妈旅游网</a
          ><a href="#">好豆美食网</a><a href="#">二手车</a
          ><a href="#">绿野户外</a><a href="#">途牛旅游网</a><a href="#">图吧</a
          ><a href="#">SUV联合越野</a><a href="#">手机浏览器</a
          ><a href="#">上海地图</a><a href="#">天气预报查询</a
          ><a href="#">同程旅游</a><a href="#">火车票</a
          ><a href="#">马蜂窝大学</a><a href="#">马尔代夫旅游</a
          ><a href="#">YunOS</a><a href="#">携程旅游</a><a href="#">锦江旅游</a
          ><a href="#">火车时刻表</a><a href="#">TripAdvisor</a
          ><a href="#">天巡网</a><a href="#">短租房</a><a href="#">租租车</a
          ><a href="#">五分旅游网</a><a href="#">酒店预订</a
          ><a href="#">爱旅行网</a><a href="#">旅游</a><a href="#">旅游网</a
          ><a href="#">wed114结婚网</a><a href="#">车讯网</a
          ><a href="#">遨游旅游网</a><a href="#">手机</a>
          <a href="#">更多友情链接&gt;&gt;</a>
        </div>
        <div class="ft-copyright">
          <a href="#"><i class="ft-mfw-logo"></i></a>
          <p>© 2020 FengXun.cn
            <a href="#">京ICP备11015476号</a>
            <a href="#">
              <img
                src="http://images.mafengwo.net/images/footer/police_record.png"
                width="12"
                style="margin:0 2px 4px 0;"/>京公网安备11010502013401号
            </a>
            <a href="#">京ICP证110318号</a>
            <span class="m_l_10">违法和不良信息举报电话: 010-83416877 举报邮箱:
              fxjubao@fengxun.com
            </span>
          </p>
          <p>
            <a href="#" class="m_l_10">网络出版服务许可证</a>
            <a href="#" class="m_l_10">增值电信业务经营许可证</a>
            <a href="#" class="m_l_10">营业执照</a>
            <a href="#" class="m_l_10">广播电视节目制作经营许可证</a>
            <a href="#" class="m_l_10">网络文化许可证</a>
            <a href="#" class="m_l_10">网上有害信息举报专区</a>
            <a href="#" class="m_l_10">帮助中心</a>
          </p>
          <p>
            <span class="m_l_10">蜂寻客服：国内</span
            ><span class="highlight">4006-345-678</span>
            <span class="m_l_10">海外</span>
            <span class="highlight">+86-10-8341-6888</span>
          </p>
        </div>
        <div class="ft-safety">
          <a class="s-b" href="#"></a>
          <a class="s-c" href="#"></a>
          <a class="s-d" href="#"></a>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data(){
    return{};
  },
  created:function () {
    // eslint-disable-next-line no-undef
    if (typeof M != "undefined" && typeof M.loadResource === "function"){
      // eslint-disable-next-line no-undef
      M.loadResource("https://js.mafengwo.net/js/cv/js+Dropdown:js+pageletcommon+pageHeadUserInfoWWWNormal:js+jquery.tmpl:js+M+module+InputListener:js+M+module+SuggestionXHR:js+M+module+DropList:js+M+module+Suggestion:js+M+module+MesSearchEvent:js+SiteSearch:js+AHeader:js+jquery.lazyload:js+M+module+Pagination:js+index+ControllerRecommend:js+M+module+ClickToggle:js+M+module+Slider:js+CitySelectPop:js+xdate:js+hotel+module+FestivalDateConfig:js+jquery-ui-core:js+jquery-ui-datepicker:js+hotel+module+DateRangePicker:js+hotel+module+Datepicker:js+M+module+Storage:js+hotel+module+ModuleProvider:js+hotel+module+BookingDate:js+M+module+dialog+Layer:js+M+module+dialog+DialogBase:js+M+module+dialog+Dialog:js+M+module+dialog+alert:js+hotel+module+Log:js+hotel+module+Search_v2:js+AIndex:js+module+app+Page:js+M+module+Toggle:js+index+AGinfoSearch:js+M+module+PageAdmin:js+M+module+Cookie:js+M+module+ResourceKeeper:js+jquery.jgrowl.min:js+AMessage:js+M+module+FrequencyVerifyControl:js+M+module+FrequencySystemVerify:js+ALogin:js+M+module+ScrollObserver:js+M+module+QRCode:js+AToolbar:js+ACnzzGaLog:js+ARecruit:js+ALazyLoad^YlVUQw^1577348452.js");
    }
  }
};
</script>

<style>
.highlight {
  color: #ff9d00 !important;
}
#footer a:hover {
  color: #fff;
  text-decoration: none;
}
/*底部认证*/
#footer .ft-safety .s-d {
  background: url(https://n4-q.mafengwo.net/s13/M00/E5/4F/wKgEaVzlS8yAX2c6AAAblEJMLps615.png);
}
#footer .ft-safety .s-c {
  background: url(https://n2-q.mafengwo.net/s13/M00/E4/A2/wKgEaVzlS06AVwj0AAAa_HtuzSo207.png);
}
#footer .ft-safety .s-b {
  background-position: 0 -110px;
}
#footer .ft-safety a {
  display: inline-block;
  margin-left: 10px;
  width: 90px;
  height: 30px;
  background: url(../../assets/index-images/mfw-footer-sprite7.png) no-repeat 0 -70px;
  overflow: hidden;
}
img {
  border: 0;
  vertical-align: middle;
}
#footer .ft-mfw-logo {
  float: left;
  margin: 2px 20px 0 0;
  width: 136px;
  height: 39px;
  background: url(../../assets/index-images/mfw-footer-sprite7.png) no-repeat 0 -30px;
  overflow: hidden;
}
#footer .ft-copyright {
  padding: 12px 0 12px 7px;
  margin-top: -1px;
  border-top: 1px solid #575a5b;
}
#footer .ft-links a {
  display: inline-block;
  margin-right: 12px;
}
#footer .ft-links {
  margin-top: -1px;
  border-top: 1px solid #575a5b;
  border-bottom: 1px solid #575a5b;
  padding: 17px 0 17px 8px;
}
#footer .ft-social-qzone .ft-social-icon {
  background-position: -60px 0;
}
#footer .ft-social-qqt .ft-social-icon {
  background-position: -30px 0;
}
#footer .ft-social-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url(../../assets/index-images/mfw-footer-sprite7.png) no-repeat 0
    0;
  overflow: hidden;
}
#footer .ft-info-social dd a {
  display: inline-block;
  margin: 0 6px;
}
#footer .ft-info-social dd {
  padding: 5px 0;
}

#footer .ft-info-social {
  clear: both;
  text-align: center;
  padding-top: 25px;
}
/*二维码*/
#footer .ft-qrcode-weixin {
  background: url(../../assets/index-images/erweima.png) no-repeat;
}
#footer .ft-qrcode-tejia {
  background: url(https://css.mafengwo.net/images/footer/qr_tejia4.png)
    no-repeat;
}
#footer .ft-info-qrcode span {
  display: block;
  height: 90px;
  margin: 0 0 8px 6px;
}
#footer .ft-info-qrcode dd {
  width: 100px;
  /* display: inline; */
  margin-left: 30px;
  float: right;
  text-align: center;
}
#footer .ft-info-qrcode {
  float: right;
  padding-top: 22px;
  line-height: 1.4em;
}
#footer .ft-info-service li {
  float: left;
  width: 70px;
  padding-top: 5px;
}
#footer .ft-info-service ul {
  /*margin-right: -35px;*/
  text-align: left;
}
#footer .ft-info-service dt {
  text-align: center;
}
#footer .ft-info-service {
  width: 135px;
  margin-right: 80px;
}
.m_l_10 {
  margin-left: 10px;
}
#footer a {
  color: #c2c2c2;
}
#footer .ft-info-about dd {
  padding-top: 5px;
  /*line-height: 17px;*/
}
#footer .ft-info-about {
  width: 128px;
  /*margin-right: 85px;*/
  text-align: left;
}
#footer .ft-info-intro strong {
  color: #ff9d00;
  font-weight: normal;
}
#footer .ft-info dt {
  height: 30px;
  font-size: 14px;
  overflow: hidden;
}
#footer .ft-info-col {
  float: left;
  /* display: inline; */
}
#footer .ft-info-intro dd {
  padding-top: 5px;
}
#footer .ft-info-intro {
  width: 200px;
  /*margin-right: 68px;*/
  text-align: left;
}
#footer .ft-info {
  padding: 30px 8px 40px 8px;
  border-bottom: 1px solid #575a5b;
  border-bottom: none;
}
#footer .ft-content {
  width: 1000px;
  margin: 0 auto;
}
#footer {
  clear: both;
  background-color: #3c3c3c;
  color: #c2c2c2;
  line-height: 22px;
  font-size: 12px;
  /* margin-top: 30px; */
}
</style>
